<script type="text/javascript" src="<?= base_url() ?>assets/js/plugins/charts/excanvas.min.js"></script>
<script type="text/javascript" src="<?= base_url() ?>assets/js/plugins/charts/jquery.flot.js"></script>
<script type="text/javascript" src="<?= base_url() ?>assets/js/plugins/charts/jquery.flot.orderBars.js"></script>
<script type="text/javascript" src="<?= base_url() ?>assets/js/plugins/charts/jquery.flot.resize.js"></script>
<script type="text/javascript" src="<?= base_url() ?>assets/js/plugins/charts/jquery.flot.pie.js"></script>

<!-- Content -->
<div id="content">

    <!-- Content wrapper -->
    <div class="wrapper">

        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url() ?>xpanel">XPANEL</a></li>
                <li class="active"><a href="<?= base_url() ?>" title="">Inicio</a></li>
            </ul>

        </div>
        <!-- /breadcrumbs line -->

        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5>XPANEL</h5>
            </div>

        </div>
        <!-- /page header -->

        <!-- Action tabs -->
        <div class="actions-wrapper">
            <div class="actions">

                <div id="user-stats">
                    <ul class="round-buttons">
                        <li><div class="depth"><a href="<?= base_url() ?>checklist" title="Aplicar encuesta" class="tip"><i class="icon-plus"></i></a></div></li>
                        <li><div class="depth"><a href="" title="Estadísticas generales" class="tip"><i class="icon-signal"></i></a></div></li>
                        <li><div class="depth"><a href="" title="Perfil" class="tip"><i class="icon-cogs"></i></a></div></li>
                    </ul>
                </div>

                <div id="quick-actions">
                    <ul class="statistics">
                        <li>
                            <div class="top-info">
                                <a href="#" title="" class="blue-square"><i class="icon-plus"></i></a>
                                <strong>12,476</strong>
                            </div>
                            <div class="progress progress-micro"><div class="bar" style="width: 60%;"></div></div>
                            <span>Empleados totales</span>
                        </li>
                        <li>
                            <div class="top-info">
                                <a href="#" title="" class="red-square"><i class="icon-hand-up"></i></a>
                                <strong>621,873</strong>
                            </div>
                            <div class="progress progress-micro"><div class="bar" style="width: 20%;"></div></div>
                            <span>Cuestionarios aplicados</span>
                        </li>
                        <li>
                            <div class="top-info">
                                <a href="#" title="" class="purple-square"><i class="icon-shopping-cart"></i></a>
                                <strong>562</strong>
                            </div>
                            <div class="progress progress-micro"><div class="bar" style="width: 90%;"></div></div>
                            <span>Sucursales evaluadas</span>
                        </li>
                        <li>
                            <div class="top-info">
                                <a href="#" title="" class="green-square"><i class="icon-ok"></i></a>
                                <strong>$45,360</strong>
                            </div>
                            <div class="progress progress-micro"><div class="bar" style="width: 70%;"></div></div>
                            <span>Preguntas respondidas</span>
                        </li>
                        <li>
                            <div class="top-info">
                                <a href="#" title="" class="sea-square"><i class="icon-group"></i></a>
                                <strong>562K+</strong>
                            </div>
                            <div class="progress progress-micro"><div class="bar" style="width: 50%;"></div></div>
                            <span>Total users</span>
                        </li>

                    </ul>
                </div>
                <div id="map">
                    <div id="google-map"></div>
                </div>


                <ul class="action-tabs">
                    <li><a href="#user-stats" title="">Controles rápidos</a></li>
                    <li><a href="#quick-actions" title="">Estadísticas generales</a></li>
                    <li><a href="#map" title="" id="map-link">Google map</a></li>
                </ul>
            </div>
        </div>
        <!-- /action tabs -->


        <!-- Default datatable -->
        <div class="widget">
            <div class="navbar"><div class="navbar-inner"><h6>Lista de Auditorías</h6></div></div>
            <div class="table-overflow">
                <table class="table table-striped table-bordered" id="data-table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Unidad</th>
                            <th>Fecha</th>
                            <th>Gerente</th>
                            <th>Jefe</th>
                            <th>Opciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($cuestionarios as $c) { ?>
                            <tr>
                                <td><?= $c->id ?></td>
                                <td><?= $c->n_sucursal ?></td>
                                <td><?= $c->fecha ?></td>
                                <td><?= $c->gerente ?></td>
                                <td><?= $c->jefe ?></td>
                                <td>
                                    <ul class="table-controls">
                                        <li><a href="<?= base_url("checklist/cuestionario_checklist/$c->id") ?>" class="tip" title="Ver Resultados"><i class="fam-zoom"></i></a> </li>
                                    </ul>
                                </td>
                            </tr>
                        <?php } ?>          
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /default datatable -->

    </div>
    <!-- /content wrapper -->

</div>
<!-- /content -->
